<template>
     <header class="header">
      <h1>todos</h1>
      <input class="new-todo" placeholder="请输入任务名称" autofocus v-model.trim="name" @keyup.enter="addList"/>
    </header>
</template>

<script>
 export default {
    
   name: 'TodoHeader',
   data(){
    return{
        name:'',
    }
    },
   props: {
   },
   methods:{
    addList(){
        this.$emit('addList',this.name)
        this.name = ''
    }
   }
 }
</script>

<style scoped lang='less'>

</style>